<template>
	<view>
		<view class="tx1">请选择注册身份</view>
		<view class="choose_cell">
			<view class="choose_typ1"></view>
			<view class="btn_wrapper">
				<u-button class="choose_btn" shape="circle" type="primary"
					@click="handleClick('/member/Reg?utype_alias=personal')">
					注册求职者会员
				</u-button>
			</view>
			<view class="tx2">我是求职者，我要找工作</view>
		</view>
		<view class="choose_cell">
			<view class="choose_typ2"></view>
			<view class="btn_wrapper2">
				<u-button class="choose_btn" shape="circle" type="primary"
					@click="handleClick('/member/Reg?utype_alias=company')">
					注册企业招聘会员
				</u-button>
			</view>
			<view class="tx2">我是企业/个体户，我要招人才</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'RegChoose',
		methods: {
			handleClick(path) {
				uni.navigateTo({
					url: path
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	$color_3: #333333;

	.tx1 {
		padding: 62rpx 0;
		text-align: center;
		font-size: 52rpx;
		color: $color_3;
		font-weight: bold;
	}

	.choose_cell {
		width: 682rpx;
		background-color: #fcfcfc;
		border: 2rpx dotted #c3c3c3;
		margin: 0 auto 36rpx;
		padding-top: 50rpx;
	}

	.choose_typ1 {
		width: 272rpx;
		height: 217rpx;
		margin: 0 auto 50rpx;
		background-image: url($ImgUrl + "choose_member_type1.png");
		background-repeat: no-repeat;
		background-position: 0;
		background-size: 272rpx 217rpx;
	}

	.tx2 {
		font-size: 26rpx;
		color: #999999;
		text-align: center;
		padding: 30rpx 0 62rpx;
	}

	.btn_wrapper {
		text-align: center;

		.u-button--normal {
			padding: 0 0.6rem;
		}
	}

	.choose_typ2 {
		width: 259rpx;
		height: 149rpx;
		margin: 0 auto 50rpx;
		background-image: url($ImgUrl + "choose_member_type2.png");
		background-repeat: no-repeat;
		background-position: 0;
		background-size: 259rpx 149rpx;
	}

	.btn_wrapper2 {
		text-align: center;

		.u-button--normal {
			padding: 0 0.8rem;
		}
	}

	.choose_btn {
		width: 340rpx;
		height: 74rpx;
		color: #ffffff;
		line-height: 1;

		.u-button__text {
			font-size: 26rpx;
		}
	}
</style>
